

import 'package:flutter/material.dart';

import 'package:flutter/widgets.dart';


void main(List<String> args) {
  runApp(MyApp());
}
List listData=[
      {
          "title": 'Candy Shop',
          "author": 'Mohamed Chahin',
          "imageUrl": 'https://www.itying.com/images/flutter/1.png',
      },
       {
          "title": 'Childhood in a picture',
          "author": 'Google',
          "imageUrl": 'https://www.itying.com/images/flutter/2.png',
      },
      {
          "title": 'Alibaba Shop',
          "author": 'Alibaba',
          "imageUrl": 'https://www.itying.com/images/flutter/3.png',
      },
      {
          "title": 'Candy Shop',
          "author": 'Mohamed Chahin',
          "imageUrl": 'https://www.itying.com/images/flutter/4.png',
      },
       {
          "title": 'Tornado',
          "author": 'Mohamed Chahin',
          "imageUrl": 'https://www.itying.com/images/flutter/5.png',
      },
      {
          "title": 'Undo',
          "author": 'Mohamed Chahin',
          "imageUrl": 'https://www.itying.com/images/flutter/6.png',
      },
      {
          "title": 'white-dragon',
          "author": 'Mohamed Chahin',
          "imageUrl": 'https://www.itying.com/images/flutter/7.png',
      },
       {
          "title": 'Candy Shop',
          "author": 'Mohamed Chahin',
          "imageUrl": 'https://www.itying.com/images/flutter/1.png',
      },
       {
          "title": 'Childhood in a picture',
          "author": 'Google',
          "imageUrl": 'https://www.itying.com/images/flutter/2.png',
      },
      {
          "title": 'Alibaba Shop',
          "author": 'Alibaba',
          "imageUrl": 'https://www.itying.com/images/flutter/3.png',
      },
      {
          "title": 'Candy Shop',
          "author": 'Mohamed Chahin',
          "imageUrl": 'https://www.itying.com/images/flutter/4.png',
      },
       {
          "title": 'Tornado',
          "author": 'Mohamed Chahin',
          "imageUrl": 'https://www.itying.com/images/flutter/5.png',
      },
      {
          "title": 'Undo',
          "author": 'Mohamed Chahin',
          "imageUrl": 'https://www.itying.com/images/flutter/6.png',
      },
      {
          "title": 'white-dragon',
          "author": 'Mohamed Chahin',
          "imageUrl": 'https://www.itying.com/images/flutter/7.png',
      }

  ];
//自定义组件
class MyApp extends StatelessWidget {
  const MyApp({Key key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("flutter demo"),
        ),
        body: LaugoutDemo(),
      ),
      theme: ThemeData(
          // brightness: Brightness.light,
          primarySwatch: Colors.yellow),
    );
  }
}

class LaugoutDemo extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return  Padding(
      padding: EdgeInsets.fromLTRB(15.0, 20.0, 15.0, 20.0),
      child:  Column(
         children: <Widget>[
            Row(
              children: <Widget>[
                Expanded(
                  flex:1,
                  child:Container(
                    height: 200.0,
                    color: Colors.black,
                    child: Text("你好我得世界你好我得世界你好我得世界",style: TextStyle(
                      color: Colors.white
                    ),),
                  ),
                )
              ],
            ),
             SizedBox(height: 10.0,),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: <Widget>[
                Expanded(
                  //flex:2,
                  flex:1,
                  child:Container(
                    height: 180.0,
                    child: Image.network("https://res11.bignox.com/player/www/ca9b622cce8d0dfe3f94787738dcd16c/FHDHACHGBbPN8Jn.jpg",fit: BoxFit.cover,),
                  )
                ),
                SizedBox(width: 10.0,height: 180.0,),
                Container(
                  width: 120.0,
                  height: 180.0,
                  child: Column(
                    children: <Widget>[
                       Container(
                          height: 85.0,
                          child: Image.network("https://res11.bignox.com/player/www/ca9b622cce8d0dfe3f94787738dcd16c/FHDHACHGBbPN8Jn.jpg",fit: BoxFit.cover,),
                        ),
                        SizedBox(height: 10.0,),
                        Container(
                          height: 85.0,
                          child: Image.network("https://res11.bignox.com/player/www/ca9b622cce8d0dfe3f94787738dcd16c/FHDHACHGBbPN8Jn.jpg",fit: BoxFit.cover,),
                        )
                    ],
                  ),
                )
                // Expanded(
                //   flex:1,
                //   child:Container(
                //     height: 180.0,
                //     child:ListView(
                //       children: <Widget>[
                //         Container(
                //           height: 85.0,
                //           child: Image.network("https://res11.bignox.com/player/www/ca9b622cce8d0dfe3f94787738dcd16c/FHDHACHGBbPN8Jn.jpg",fit: BoxFit.cover,),
                //         ),
                //         SizedBox(height: 10.0,),
                //         Container(
                //           height: 85.0,
                //           child: Image.network("https://res11.bignox.com/player/www/ca9b622cce8d0dfe3f94787738dcd16c/FHDHACHGBbPN8Jn.jpg",fit: BoxFit.cover,),
                //         )
                //       ],
                //     ),
                //   )
                // )
              ],
            )
         ]
      ),
    );




  }
}


